<section class="oe_container">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
            <h1 class="oe_slogan">Material Backend Theme v9</h1>
            <h3 class="oe_slogan">The visual and usability renovation.</h3>
        </div>
        <div class="oe_span8">
            <div class="oe_demo oe_picture oe_screenshot">
                    <a href="new_menu.png" target="_blank"><img src="new_menu.png"></a>
            </div>
        </div>
        <div class="oe_span4">
            <div>
                <p class="oe_mt16">Designed in best possible look with flat, clean and clear design.</p>
 	        </div>
 	        <div class="text-center">
 	            <p class="oe_mt16"><b style="color: red">Login:</b> demo  <b style="color: red">Password:</b> demo</p>
 	            <a class="btn btn-primary btn-lg" style="color: white" rel="nofollow" href="http://8cells.com:8089/web/login" target="_blank"> <i class="fa fa-external-link"></i>  Demo </a>
 	        </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
            <h2 class="oe_slogan">Modern tables</h2>
            <p class="oe_mt16">
One way to organize information in a clean way is to use beautiful, modern flat data tables.</p>
        </div>
        <div class="oe_span12">
            <div class="oe_row_img oe_centered">
                <a href="quotations_table.png" target="_blank"><img class="oe_picture oe_screenshot" src="quotations_table.png"></a>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
            <h2 class="oe_slogan">Enterprise menu</h2>
            <p class="oe_mt16">Do you like menu from Enterprise Edition? Now you can get it!</p>
        </div>
	<div class="oe_span12">
            <div class="oe_row_img oe_centered">
                <a href="project_kanban.png" target="_blank"><img class="oe_picture oe_screenshot" src="project_kanban.png"></a>
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
            <h2 class="oe_slogan">New Kanban View</h2>
            <p class="oe_mt16">Better, more readable kanban view.</p>
        </div>
        <div class="oe_span12">
            <div class="oe_row_img oe_centered">
                
                <a href="tasks_kanban.png" target="_blank"><img class="oe_picture oe_screenshot" src="tasks_kanban.png"></a>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
	    <h2 class="oe_slogan">Form Controls</h2>
            <p class="oe_mt16">Material design form inputs, checkboxes and radios.</p>
        </div>
        <div class="oe_span12">
            <div class="oe_row_img oe_centered">
                <a href="form_controls.png" target="_blank"><img class="oe_picture oe_screenshot" src="form_controls.png"></a>
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced text-center">
	<div class="oe_span12">
        	<h2 class="oe_slogan">More...</h2>
	</div>
        <div class="oe_span8">
            <div class="oe_row_img oe_centered">
                    <a href="modal.png" target="_blank"><img class="oe_picture oe_screenshot" src="modal.png"></a>
            </div>
        </div>
        <div class="oe_span8">
            <div class="oe_row_img oe_centered">
                    <a href="chat.png" target="_blank"><img class="oe_picture oe_screenshot" src="chat.png"></a>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced ">
    	<div class="oe_span12">
    		<h2 class="oe_slogan">FAQ</h2>
    	</div>
    	<div class="oe_span12" style="margin: 15px 0px;">
    		<h3>Can i run this theme on Odoo v8?</h3>
    		<p>No. If you are interested Material Backend Theme v8 - <a href="https://apps.odoo.com/apps/themes/8.0/material_backend_theme/" target="_blank">click here</a>.</p>
    	</div>
        <div class="oe_span12">
    		<h3>During installation I get an error: "You are trying to install incompatible themes:"</h3>
    		<p>1. Please edit a file <i>'__openerp__.py'</i> (main directory) and change the line:.<br>
            <i>'category' : 'Theme/Backend',</i> with <i>'category' : 'Website',</i><br>
            2. Next, run 'Update Apps List' from developer mode.<br>
            3. Now you can install the theme.<p>
    	</div>
    </div>
</section>

<section class="oe_container">
	<div class="oe_row oe_spaced text-center">
    	<div class="oe_span12">
    		<h2 class="oe_slogan">Help &amp; Support</h2>
    	</div>
    	<div class="oe_span12">
    		<p style="margin: 30px 0px;">Once you purchase a license for a theme, you can use it on as many sites as you like, but you're not allowed to distribute it!</p>
    		<p>Our friendly staff is available online and ready to help you by email.</p>
    		<div class="text-center"><a style="background: #315b8f  none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-color: #315b8f;" class="btn btn-success btn-lg" rel="nofollow" href="mailto:contact@8cells.com"> <i class="fa fa-envelope"></i>  contact@8cells.com </a></div>
    	</div>
	<div class="oe_span12">
		<p style="margin: 30px 0px;">Made with <i class="fa fa-heart-o"></i> by 8cells</p>
	</div>
    </div>
</section>